<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <link href="../Teachercentre/favicon.ico" rel="shortcut icon">
    <link rel="stylesheet" href="course-details-two.css">
    <link rel="stylesheet" href="../Questioncentre/questioncentre.css">
    <script src="../course-details/course-detail.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.js"></script>
</head>

<body>
    <div class="aftertips">
        <div><span>=</span>成功</div>
    </div>
    <div>
        <div class="wrapper1">
            <div class="charging">
                <h4 class="pay-title"><span></span><span>已开启安全支付</span></h4>
                <p class="shopname"></p>
                <div class="now-price ">
                    <span>商品金额</span><span class="yuan1">￥98</span>
                </div>
                <div class="coupons ">
                    <span>暂无可用优惠券</span>
                </div>
                <div class="need_to_pay ">
                    <div>还需支付<span class="yuan">￥98</span></div>
                </div>
                <h4 class="confirm_text">是否支付本次订单？</h4>
                <div class="pay_btn">
                    <button class="confirm_btn">确认支付</button>
                    <button class="cancel_btn">取消</button>
                </div>
                <div class="pay-note">
                    付费即表示同意<a href="https://activity.lagou.com/app/business/service-agreement.html" target="_blank">《拉勾网在线增值服务协议》</a>
                </div>
            </div>
        </div>
    </div>
    <div class="wrapper">
        <div class="logging">
            <div class="loginpic1">
                <div class="closediv"> <span class="closebtn">×</span></div>
                <div class="title">拉勾教育</div>
                <div class="desc">互联网实战大学</div>
                <div class="item">
                    <div class="active">
                        <li class="txt">账户登录</li>
                    </div>
                    <div>
                        <li class="txt">注册</li>
                    </div>
                </div>
            </div>
            <div class="content">
                <div style="display:block;text-align: center;">
                    <input type="text" id="username" placeholder="请输入账号" contenteditable="off">
                    <input type="password" id="password" placeholder="请输入密码">
                    <br/>
                    <span> 
                        <label class="left1">
                            <input type="checkbox" id="remember">
                            记住密码
                        </label>
                        <label class="right55">
                            <input type="checkbox" id="check1" >
                            七天免登录
                        </label>
                        </span>
                    <p id="error" class="p1"></p>
                    <input type="submit" id="submit" value="登录">
                    <ul class="loginfoot">
                        <li><img src="../Homepage/img/wechatlogo.png" alt=""></li>&nbsp&nbsp
                        <li class="zi">微信扫码登录</li>
                    </ul>
                </div>

                <div style="text-align: center;">
                    <p class="p1">用户名</p>
                    <input type="text" placeholder="请输入账号" id="username1">
                    <p class="p1">密码</p>
                    <input type="text" placeholder="请输入密码" id="password1"> <br>
                    <p class="p1">身份</p> <br> 教师 <input type="radio" id="teacher" name="role">&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp学生 <input type="radio" id="student" name="role">

                    <br/>
                    <p id="error1" class="p1"></p>
                    <input type="submit" id="register1" value="注册">
                </div>
            </div>
        </div>
    </div>
    <script>
        //记住用户名
        var username = document.querySelector('#username');
        var password = document.querySelector('#password');
        var remember = document.querySelector('#remember');
        if (localStorage.getItem('username')) {
            username.value = localStorage.getItem('username');
            remember.checked = true;

        }
        if (localStorage.getItem('password')) {
            password.value = localStorage.getItem('password');
            remember.checked = true;

        }
        remember.addEventListener('change', function() {
            if (this.checked) {
                localStorage.setItem('username', username.value);
                localStorage.setItem('password', password.value);
            } else {
                localStorage.removeItem('username');
                localStorage.removeItem('password');
            }
        })
    </script>
    <!-- 整个页面大盒子 -->
    <div class="web">
        <!-- 导航栏 -->
        <div class="wrap">
            <div class="wrap-content">
                <div class="wrap-content-left">
                    <div class="logo"><img src="img/logo.png" alt="" width="40px" height="40px"></div>
                    <div class="title-1">拉勾教育</div>
                    <div class="title-2">互联网人实战大学</div>
                </div>
                <div class="search">
                    <input type="text" class="search-input" placeholder="请输入搜索内容">
                    <div class="to_search"></div>
                    <ul class="search-content search-content-scroll">

                    </ul>
                </div>
                <!-- 导航栏分项 -->
                <div class="wrap-content-right">
                    <ul class="tab-list">
                        <li class="sec"><a href="../Homepage/index1.html">选课</a></li>
                        <li class="sec" id="teachercentre" style="display: none;"> <a href="../Teachercentre/teachercentre.html">教师中心</a></li>
                        <li class="sec">
                            <a href="../Studyspace/studyspace.html">学习</a>
                        </li>
                        <li class="sec"><a href="../Questioncentre/questioncentre.html">师生问答</a></li>
                    </ul>
                    <!-- 登陆/注册 -->
                    <div class="login">
                        <div class="sign-up" id="loginbtn1">登陆</div>
                        <div class="register" id="loginbtn2">注册</div>
                        <div class="dropdown">
                            <button class="dropbtn" id="userinfo"></button>
                            <div class="dropdown-content">
                                <a href="#">我的收藏夹</a>
                                <a href="../Setuserinfo/setuserinfo.html" id="setuser">账户设置及充值</a>
                                <a href="#" id="out-login">退出登录</a>
                            </div>
                        </div>
                        <div class="pic" id="loginbtn3"><img src="img/register.png" alt=""><span class="rolelogo">游客</span></div>
                        <div class="pic" id="rlogo"><img src="img/register.png" alt=""><span class="rolelogo" id="rolelogo"></span></div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 整个网页内容 -->
        <div class="container-pc">
            <div class="nav-wrap">
                <p class="nav-content">
                    <a href="../Homepage/index1.html" class="zi1">课程列表 ></a>
                    <span class="ctitle"></span>
                </p>
            </div>
            <div class="sale-container">
                <div class="part-top">
                    <div class="top-container">
                        <div class="top-pic">
                            <img src="" class="image1" alt="">
                        </div>
                        <div class="top-right-container">
                            <!-- <div class="top-big-title">1</div>
                                <div class="top-small-title">1</div>
                                <div class="top-items">
                                    <div class="top-item1">1234</div>
                                    <div class="top-item2">1234</div>
                                    <div class="top-item3">1234</div>
                                    <div style="clear:both;"></div>
                                </div>
                                <div class="top-price">
                                    <div class="top-price-icon">￥</div>
                                    <div class="top-price-value">1</div>
                                </div>
                                <div class="top-btns">
                                    <div class="top-btn-one">加入学习</div>
                                    <div class="top-btn-two">
                                        <div class="top-btn-two-attach">1</div>
                                        <div class="top-btn-two-icon"></div>
                                        <div class="top-btn-two-text">去分享</div>
                                    </div>
                                </div> -->
                        </div>
                        <div style="clear:both;"></div>
                    </div>

                </div>
                <div class="part-middle">
                    <div class="part-middle-detail"><a href="#">详情</a></div>
                    <div class="part-middle-context"><a href="#menu">目录</a></div>
                </div>
                <div class="part-bottom">
                    <!-- <h1>背景介绍</h1>
                        <p class="bg">近年来</p>
                        <h1>专栏解读</h1>
                        <p class="ss">微服务</p>
                        <p>模块一</p>
                        <h1 class="ti">讲师简介</h1>
                        <p>老齐</p>
                        <p>从业</p>
                        <h1 class="ch">课程大纲</h1>
                        <p class=p-pic>
                            <img src="https://s0.lgstatic.com/i/image6/M00/11/D2/CioPOWBAQPiAJ_QOAAHdyUZijNU910.png" alt="">
                        </p>
                        <h1>订阅须知</h1>
                        <p>
                            1</br>
                            2</br>
                            3</br>
                            4</br>
                            5</br>
                            6</br>
                        </p> -->
                </div>
                <div class="course-content">
                    <div class='content-part'>
                        <span class='content-label' id="menu">目录</span>
                        <span class='menu-span'></span>
                    </div>

                </div>
                <div class="comment-section m">
                    <h2 class="comment-title">精选留言(<span></span>)
                        <div class="more-content">
                            <div class="more">更多</div>
                        </div>
                    </h2>
                    <ul class="course-comment">

                    </ul>
                </div>
                <div class="blank"></div>
            </div>

        </div>
        <div style="height: 60px;"></div>
        <div class="footer1">
            <div class="price-wrap">
                <!-- <div class="price-money">
                        <div class="price-money-one">拉勾上新</div>
                        <div class="price-money-two">￥</div>
                        <div class="price-money-three">1</div>
                    </div>
                    <div class="price-btn">
                        ￥1 加入学习
                    </div> -->
            </div>
            <div class="back-top"></div>
        </div>

    </div>
</body>

</html>